<!DOCTYPE HTML>
<html>
<head>
    <title>tool_tip</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta content="MSHTML 6.00.2800.1106" name="GENERATOR">
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>
    <link rel="stylesheet" type="text/css" href="../css/flex_ysy.css"/>
    <link rel="stylesheet" type="text/css" href="../scripts/plugins/tool_tip/tool_tip.css"/>
</head>
<style>
</style>
<body>
<div class="j_tool_tip" style="width: 250px;height: 30px;">鼠标悬浮显示信息</div>
<div class="j_tool_tip" style="width: 250px;height: 30px;">鼠标悬浮显示信息</div>
<div class="j_tool_tip" style="width: 250px;height: 30px;">鼠标悬浮显示信息</div>

<script type="text/javascript" src="../scripts/vendor/jquery-3.4.1/jquery-3.4.1.js"></script>
<script type="text/javascript" src="../scripts/service/common-method.js"></script>
<script type="text/javascript" src="../scripts/service/common-utils.js"></script>
<script type="text/javascript" src="../scripts/service/string-utils.js"></script>
<script type="text/javascript" src="../scripts/plugins/tool_tip/tool_tip.js"></script>
<script type="text/javascript">
    let options = {};
    options.position = "right";
    options.source = ["这里有鼠标悬浮提示","这是第二个悬浮提示"];
    // options.theme = "light";
    let elements = $(".j_tool_tip");
    $.each(elements,(index,element)=>{
        $(element).toolTip(options);
    });

</script>
</body>

</html>
